<div class="detail detail_zs" ng-init="init()">
  <div class="detail_header">
    <div>
      <span ng-bind="(order_detail.now).toFixed(2)" ng-class="{'global_color_red':order_detail.now - order_detail.close>0,'global_color_green':order_detail.now-order_detail.close<0,'global_color_gray':order_detail.now-order_detail.close==0}"></span>
      <div>
        <span>高</span>
        <span ng-bind="(order_detail.height).toFixed(2)" ng-class="{'global_color_red':order_detail.height - order_detail.close>0,'global_color_green':order_detail.height-order_detail.close<0,'global_color_gray':order_detail.height-order_detail.close==0}"></span>
      </div>
      <div>
        <span>开</span>
        <span ng-bind="(order_detail.open).toFixed(2)"></span>
      </div>
    </div>
    <div>
      <div>
        <span ng-bind="(order_detail.zde|number:2)" ng-class="{'global_color_red':order_detail.now - order_detail.close>0,'global_color_green':order_detail.now-order_detail.close<0,'global_color_gray':order_detail.now-order_detail.close==0}"></span>
        <span ng-bind="(order_detail.dev_h*100|number:2)+'%'" ng-class="{'global_color_red':order_detail.now - order_detail.close>0,'global_color_green':order_detail.now-order_detail.close<0,'global_color_gray':order_detail.now-order_detail.close==0}"></span>
      </div>

      <div>
        <span>低</span>
        <span ng-bind="(order_detail.low).toFixed(2)" ng-class="{'global_color_red':order_detail.low - order_detail.close>0,'global_color_green':order_detail.low-order_detail.close<0,'global_color_gray':order_detail.low-order_detail.close==0}"></span>
      </div>

      <div>
        <span>昨</span>
        <span ng-bind="order_detail.close.toFixed(2)"></span>
      </div>

    </div>
  </div>


  <!--tab-->
  <div>
    <div class="market-tab">
      <span ng-class="{'actived':market_tab_actived === '1'}" ng-click="market_tab('1')">分时</span>
      <span ng-class="{'actived':market_tab_actived === '2'}" ng-click="market_tab('2')">明细</span>
      <span ng-class="{'actived':market_tab_actived === '3'}" ng-click="market_tab('3')">日K</span>
      <span ng-class="{'actived':market_tab_actived === '4'}" ng-click="market_tab('4')">周K</span>
      <span ng-class="{'actived':market_tab_actived === '5'}" ng-click="market_tab('5')">月K</span>
      <span ng-class="{'actived':market_tab_actived === '6'}" ng-click="select_m = true" ng-bind="show_min">分钟</span>
    </div>
  </div>
  <div class="tab_fenshi" ng-show="market_tab_actived === '1' ">
    <div style="padding: 2px;padding-top: 10px;text-align: center;">
      <canvas id="figurecan">
        <span>您的浏览器不支持canvas</span>
      </canvas>
    </div>

  </div>

  <div class="tab_detail" ng-if="market_tab_actived === '2' ">
    <div class="tab_detail_block">
      <div ng-repeat="it in detail.detail|limitTo:8">
        <span ng-bind="it.time|detail_date"></span>
        <span ng-bind="it.price.toFixed(2)" ng-class="{'global_color_red':it.wind==='B','global_color_green':it.wind==='S'}"></span>
        <span ng-bind="it.volume+it.wind" ng-class="{'global_color_red':it.wind==='B','global_color_green':it.wind==='S'}"></span>
      </div>
    </div>
    <div class="tab_detail_block">
      <div ng-repeat="it in detail.detail.slice(8,20)">
        <span ng-bind="it.time|detail_date"></span>
        <span ng-bind="it.price.toFixed(2)" ng-class="{'global_color_red':it.wind==='B','global_color_green':it.wind==='S'}"></span>
        <span ng-bind="it.volume+it.wind" ng-class="{'global_color_red':it.wind==='B','global_color_green':it.wind==='S'}"></span>
      </div>
    </div>
  </div>

  <div ng-show="market_tab_actived === '3'||market_tab_actived === '4'||market_tab_actived === '5'||market_tab_actived === '6'">
    <div style="position:relative;">
      <canvas id="k-chart-write" style="zoom:0.25"></canvas>
      <div style="position:absolute;right:30px;" id="buttons_opear">
        <span id="pre_pre"></span>
        <span id="add_add" style="margin:0 0.3rem;"></span>
        <span id="rec_rec" style="margin-right:0.3rem;"></span>
        <span id="next_next"></span>
      </div>
    </div>
  </div>
  <div class="selectM" ng-if="select_m">
    <span ng-click="select_min('5')">5分钟</span>
    <span ng-click="select_min('15')">15分钟</span>
    <span ng-click="select_min('30')">30分钟</span>
    <span ng-click="select_min('60')">60分钟</span>
  </div>

  <!--五档-->
  <div>
    <div class="market-tab">
      <span ng-class="{'actived':wudang_actived === '1'}" ng-click="wudang_actived = '1'">涨幅榜</span>
      <span ng-class="{'actived':wudang_actived === '2'}" ng-click="wudang_actived = '2'">跌幅榜</span>
      <span ng-class="{'actived':wudang_actived === '3'}" ng-click="wudang_actived = '3'">换手率榜</span>
    </div>
  </div>
  <div ng-if="wudang_actived === '1'" class="market">
    <div class="item" ng-repeat="it in zhangfubang track by $index">
      <div>
        <span ng-bind="it.stkinfo.name"></span>
        <span ng-bind="it.stkinfo.code"></span>
      </div>
      <span ng-bind="it.now.toFixed(2)" ng-class="{'global_color_red':it.now-it.close>0,'global_color_green':it.now-it.close<0,'global_color_gray':it.now-it.close==0}"></span>
      <span ng-bind="(it.dev_h*100).toFixed(2)+'%'" ng-class="{'global_color_red':it.now-it.close>0,'global_color_green':it.now-it.close<0,'global_color_gray':it.now-it.close==0}"></span>
    </div>
  </div>
  <div ng-if="wudang_actived === '2'" class="market">
    <div class="item" ng-repeat="it in diefubang track by $index">
      <div>
        <span ng-bind="it.stkinfo.name"></span>
        <span ng-bind="it.stkinfo.code"></span>
      </div>
      <span ng-bind="it.now.toFixed(2)" ng-class="{'global_color_red':it.now-it.close>0,'global_color_green':it.now-it.close<0,'global_color_gray':it.now-it.close==0}"></span>
      <span ng-bind="(it.dev_h*100).toFixed(2)+'%'" ng-class="{'global_color_red':it.now-it.close>0,'global_color_green':it.now-it.close<0,'global_color_gray':it.now-it.close==0}"></span>
    </div>
  </div>
  <div ng-if="wudang_actived === '3'" class="market">
    <div class="item" ng-repeat="it in hslbang track by $index">
      <div>
        <span ng-bind="it.stkinfo.name"></span>
        <span ng-bind="it.stkinfo.code"></span>
      </div>
      <span ng-bind="it.now.toFixed(2)" ng-class="{'global_color_red':it.now-it.close>0,'global_color_green':it.now-it.close<0,'global_color_gray':it.now-it.close==0}"></span>
      <span ng-bind="(it.hsl).toFixed(2)+'%'"></span>

    </div>
  </div>
  <div class="detail_footer" ng-style="iphonex_footer">
    <div></div>
    <div ng-bind="my_zxg_exist?'删自选':'加自选'" ng-click="add_zx()"></div>
  </div>
</div>